import React, { Component } from 'react'
import LSwiper from './swiper/Swiper'
import SwiperItem from './swiper/SwiperItem'

export default class App extends Component {
  state = {
    list: []
  }
  componentDidMount () {
    setTimeout(() => {
      this.setState({
        list: ["aaa", "bbb", "ccc"]
      })
    }, 1000)

  }
 
  render () {
    return (
      <div>

        <LSwiper loop={false}>
          {
            this.state.list.map(item =>
              <SwiperItem key={item}>{item}</SwiperItem>
            )
          }
        </LSwiper>

      </div>
    )
  }
}
